
body{
    margin:0 ;
    height: 100vh;
    display: flex;
    background-image: url(http://www.yaokj.net/wp-content/uploads/2017/03/zm-002.jpg);
    /* padding-left: auto; */
    /* padding-right: auto; */
    /* text-align: center; */
    /* vertical-align: middle; */
}
.plantform{
    /* display: inline-block!important; */
    position: relative;
    align-self: center;
    width: 370px;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    background-color: rgb(248, 248, 248);
    box-shadow:
             2px 2px 10px rgb(131, 131, 131),
             5px 5px 20px rgb(131, 131, 131);

}
#tx{
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-left: 20px;
    margin-top: 20px;
    box-shadow:
             2px 2px 10px rgb(131, 131, 131),
             5px 5px 20px rgb(131, 131, 131);
}
.plantform>div{
    margin-top: 20px;
    margin-left: 20px;
}
.var{
    font-size: large;
    font-weight: 500;
    color: #444;
}
input{
    margin-top: 5px;
    outline: none;
    border-color:rgba(238, 238, 238, 0.295) ;
    -webkit-appearance: none;
    width:  300px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0);
}
input:focus{
    border-color:  rgba(232, 123, 21, 0.76);
    transition: 1s;
}
#submit{
    display: inline-block;
    position: absolute;
    bottom: 30px;
    vertical-align: bottom;
    width: 100px;
    height: 50px;
    text-align: center;
    background-color: rgba(232, 123, 21, 0.76);
    color: white;
    font-size: large;
    font-weight: 500;
    margin-left: 20px;
    margin-top: 30px;
    line-height: 50px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.76);
}
#shopcar{
    
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 20px;
    vertical-align: bottom;
    width: 100px;
    height: 50px;
    text-align: center;
    background-color: rgba(232, 123, 21, 0.76);
    color: white;
    font-size: large;
    font-weight: 500;
    margin-left: 20px;
    margin-top: 30px;
    line-height: 50px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.76);
}
.val{
    margin-top: 5px;
}
/* #submit{
    border-color: rgb(232, 21, 39) ;
    transition: 1s;
} */


#account{
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}
#gender{
    position: absolute;
    right: 155px;
    top:   60px;
}
#gender>.var{
    display: inline-block;
}
#selectgender{
    border-width: 2px;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.329);
    font-size: 20px;
    
}
#shopcar>svg{
    padding-top: 5px;
    width: 45px;
    height: 45px;
}
